
        * {
            margin: 0;
            padding: 0;
        }
    @font-face {
        font-family: 'iconfont';
        src: url('./font/iconfont.eot');
        /* IE9*/
        src: url('./font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('./font/iconfont.woff') format('woff'), /* chrome��firefox */
        url('./font/iconfont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
        url('./font/iconfont.svg#uxiconfont') format('svg');
        /* iOS 4.1- */
    }
    
    .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
    }

        html,
        body {
            width: 100%;
            height: 100%;
        }

        .box {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .heard {
            flex: 3;
            display: flex;
            flex-direction: column;
        }

        .heard_box1 {
            flex: 3;
            border-bottom: 1px solid #999;
            background-color: rgb(46, 47, 59);
        }

        .heard_box2 {
            flex: 1;
        }

        .heard_box2_list {
            display: flex;
            flex-direction: row;
            list-style: none;
        }

        .heard_box2_list>li {
            flex: 1;
            text-align: center;
            line-height: 45px;
            position: relative;
        }

        .add_span {
            display: inline-block;
            height: 100%;
            border-bottom: 2px solid rgb(255, 230, 0);
            box-sizing: border-box;
        }

        .menu {
            flex: 8;
            border-bottom: 1px solid #999;
            border-top: 1px solid rgb(214, 213, 213);
            display: flex;
            flex-direction: row;
            overflow: hidden;
        }

        .menu_left {
            flex: 1;
            overflow: scroll;
        }

        .menu_right {
            flex: 4;
        }

        
        .menu_left_list {
            width: 100%;
            background-color: rgb(245, 245, 245);
        }
        .menu_left_list>li {
            list-style: none;
            height: 50px;
            width: 100%;
            line-height: 50px;
            text-align: center;
            font-size: 1rem;
            border-right: 1px solid rgb(228, 227, 227);
            box-sizing: border-box;
        }

        .isCk {
            background-color: #fff;
            border-right-color: transparent !important;
        }
        .menu_right_list{
            overflow: hidden;
            
        }
        .menu_right{
            width: 100%;
            height: 100%;
            overflow: scroll;
            position: relative;
        }
        .menu_right_div{
            width: 100%;
            height: auto;
        }
        .menu_right_li{
            display: flex;
            flex-direction: row;
            padding-top: 10px;
            position: relative;
        }
        .menu_right_box1{
            flex: 1.2;
            
        }
        .menu_right_box1>img{
            width: 100%;
            height: 100%;
        }
        .menu_right_box2{
            flex: 3;
            overflow: hidden;
            padding-top: 10px;
            display: flex;
            flex-direction: column;
        }
        .menu_right_p1
        {
            flex: 1;
            font-size: 1.2rem;
            font-weight: 500;
        }
        .menu_right_p2
        {
            flex: 1;
            display: inline-block;
            width: 100%;
            font-size: .6rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .menu_right_p3{
            flex: 1;
            font-size: .6rem;
            font-weight: 700;
            color: #999;
        }
        .menu_right_p4{
            flex: 1;
            color: rgb(252, 36, 36);
            font-size: 1.2rem;
        }
        .menu_right_box3{
            position: absolute;
            right: 10px;
            bottom: 0;
        }
        .menu_right_box3>span{
            display: inline-block;
            text-align: center;
            box-sizing: border-box;
            width: 20px;
            height: 20px;
        }
        .menu_right_span1{
            background-color: #fff;
            border: 1px solid #cbcbcbcb;
            color: #cbcbcb;
            border-radius: 50%;
            font-size: 18px;
            line-height: 18px;
        }
        .menu_right_span3{
            background-color:  rgb(255, 193, 50);
            border: 1px solid rgb(255, 193, 50);
            color: #000;
            border-radius: 50%;
            font-size: 18px;
            line-height: 18px;
        }
        .menu_title{
            padding: 10px 0  0 10px;
            font-weight: 500;
            font-size: .8rem;
        }
        .disnone{
            display: none !important;
        }
        .footer {
            flex: 1;
            background-color: rgb(59, 59, 60);
            display: flex;
        }
        .footer_cart{
            flex: 3;
            position: relative;
        }
        .footer_go{
            flex: 1.4;
            height: 100%;
            background-color: rgb(255, 205, 84);
            font-family: serif;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .footer_cart_span{
            display: inline-block;
            width: 60px;
            height: 60px;
            background-color: rgb(255, 205, 84);
            position: absolute;
            left: 20px;
            top: -15px;
            border-radius: 50%;
            text-align: center;
        }
        .footer_cart_span>i{
            font-size: 30px;
            line-height: 60px;
        }
        .number{
            display: inline-block;
            position: absolute;
            left: 40px;
            top: 0px;
            background-color: red;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            font-size: .8rem;
            text-align: center;
            line-height: 18px;
            color: #fff;
        }
        .footer_cart_span>div{
            display: inline-block;
            position: absolute;
            left: 70px;
            top: 20px;
            color: #fff;
            font-size: 1.4rem;
        }
        .footer_cart_span>div>p{
            width: 80px;
        }
        